О создании книги

Наверно, вашему ребёнку нравится, когда интересные сказки читаете именно Вы.

Возможно, вашему ребёнку будет приятно услышать именно Ваш голос, когда в ручонках окажется «лэптоп» или «смартфон» с интересными сказками.

Недавно ознакомился с созданием электронной книги в формате ePub. Не обладая знанием HTML и CSS создать электронную книгу можно.

Эта заметка о создании электронной книги в формате ePub (со звуком, текстом и картинками).

Книга в формате ePub представляет собой ZIP-архив, c расширением «.epub» в котором содержится (может содержаться) следующее:

Электронная книга представленная в этой заметке создана следующим способом:

1. Создать файл «mimetype»

2. Записать в файл «mimetype» строку следующего содержания:

application/epub+zip

3. Создать папку «META-INF»

4. В папке «META-INF» создать файл «container.xml»

5. Записать в файл «container.xml» строки следующего содержания:

<?xml version="1.0" encoding="UTF-8"?>
<container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container"><rootfiles><rootfile full-path="OEBPS/content.opf" media-type="application/oebps-package+xml"/></rootfiles></container>

6. Создать папку «Text»

7. В папке «Text» создать файл «cover.xhtml». Файл «cover.xhtml» будет «обложкой» для создаваемой книги.

8. Записать в файл «cover.xhtml» следующие строки:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body xmlns:epub="http://www.idpf.org/2007/ops">

<b><p align="center">АВТОР КНИГИ</p></b>

<b><p align="center">НАЗВАНИЕ КНИГИ</p></b>

<b><p align="center"> <a href="https://www.estelefe.ru/">estelefe.ru</a></p></b>

<p align="center" class="para0"> </p><p align="center" class="para0"><img alt="OEBPS/Images/cover.png" class="frame0" src="../Images/cover.png"/> </p><p class="para0"> </p>

</body>
</html>

9. Создать в графическом редакторе файл с расширением «.png», который будет использован на «обложке» электронной книги.

Например: «cover.png»

10. Создать папку «Images»

11. В папке «Images» создать файл «cover.png». Файл «cover.png» будет отображаться на «обложке» создаваемой книги.

12. В папке «Text» создать файл «skazka1.xhtml». Содержание файла «skazka1.xhtml» может быть сказкой, рассказом, главой — частью произведения в создаваемой книги.

13. Записать в файл «skazka1.xhtml» следующие строки:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en" xml:lang="en">
<head>
<meta http-equiv="default-style" content="text/html; charset=utf-8"/>
<link rel="style" href="../Styles/style.css" type="text/css"/>
<title>ТЕКСТ СКАЗКИ</title>
</head>
<body>
<section epub:type="bodymatter chapter">
<hr id="audio" class="sepBar"/>
<p align="center" class="navBar">
<a href="../Text/playlist.xhtml">[ Список воспроизведения ]</a>
</p>
<hr class="sepBar"/>
<h1 class="titleBookTitle"><span id="info2">ТЕКСТ СКАЗКИ</span></h1>
<hr class="separator" />



<hr class="sepBar"/>
<p align="center" class="navBar">
<a href="../Text/playlist.xhtml">[ Список воспроизведения ]</a>
</p>
<hr class="sepBar"/>
</section>
</body>
</html>

14. Записать в файл «skazka1.xhtml» между строк <hr class=»separator» /> и <hr class=»sepBar»/> желаемое согласно HTML.

Например:

<p class="para0"><span class="span0"> ТЕКСТ СКАЗКИ </span></p>

15. В итоге, файл «skazka1.xhtml» может иметь вид:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en" xml:lang="en">
<head>
<meta http-equiv="default-style" content="text/html; charset=utf-8"/>
<link rel="style" href="../Styles/style.css" type="text/css"/>
<title>НАЗВАНИЕ СКАЗКИ</title>
</head>
<body>
<section epub:type="bodymatter chapter">
<hr id="audio" class="sepBar"/>
<p align="center" class="navBar">
<a href="../Text/playlist.xhtml">[ Список воспроизведения ]</a>
</p>
<hr class="sepBar"/>
<h1 class="titleBookTitle"><span id="info2">НАЗВАНИЕ СКАЗКИ</span></h1>
<hr class="separator" />

<p class="para0"><span class="span0"> ТЕКСТ СКАЗКИ </span></p>

<hr class="sepBar"/>
<p align="center" class="navBar">
<a href="../Text/playlist.xhtml">[ Список воспроизведения ]</a>
</p>
<hr class="sepBar"/>
</section>
</body>
</html>

16. Создать папку «Audio»

17. В папке «Audio» создать аудио-файл формате «.mp3». Это может быть аудио-запись вашего голоса созданная с использованием микрофона и программного обеспечения.

Например: «01.mp3»

18. В папке «Text» создать файл «playlist.xhtml». Файл «playlist.xhtml» будет страницей отображающей список аудио-записей для воспроизведения в создаваемой книге.

19. Записать в файл «playlist.xhtml» следующие строки:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en" xml:lang="en">
<head>
  <meta http-equiv="default-style" content="text/html; charset=utf-8"/>
  <link rel="style" href="../Styles/style.css" type="text/css"/>
  <title>Playlist</title>
</head>
<body>
<section epub:type="backmatter index">
<h1 align="center" class="playlist">Список воспроизведения</h1>

<p class="playlistHelp">Воспользуйтесь панелью управления для воспроизведения или нажмите на строку с названием для перехода к тексту.</p>

<div class="playlist">

<hr class="sepBar" />
<table class="playlist">
    <tr class="playlist" id="pl">
        <td class="playlist">
            <div class="playlist">
            <p class="playlist">
            <span class="trackTitle"><a href="skazka1.xhtml">НАЗВАНИЕ СКАЗКИ</a></span>
            </p>
            <audio class="playlist" src="../Audio/01.mp3" controls="controls"/>
            </div>
        </td>
    </tr>
    <tr class="playlist">
        <td class="playlist">
            <span class="trackTitle">Продолжительность: КОЛИЧЕСТВО минут КОЛИЧЕСТВО секунд</span>
        </td>
    </tr>
</table>

<hr class="sepBar" />
</div>
</section>
</body>
</html>

20. Создать папку «OEBPS»

21. Переместить в папку «OEBPS» папки: «Audio», «Images», «Text»

Получили следующее:

22. Создать в папке «OEBPS» файл «toc.ncx». Это файл «содержание\оглавление» создаваемой книги.

23. Записать в файл «toc.ncx» следующие строки:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<ncx xmlns="http://www.daisy.org/z3986/2005/ncx/" version="2005-1">
<head>
</head> 
<docTitle>
<text> Создание электронной книги в формате ePub </text>
</docTitle>
<navMap>
    <navPoint playOrder="0" id="ch_cover"> 
    <navLabel> <text> Обложка </text> </navLabel> 
    <content src="Text/cover.xhtml"/></navPoint>
  
    <navPoint playOrder="1" id="ch_01"> 
    <navLabel> <text> Список воспроизведения </text> </navLabel> 
    <content src="Text/playlist.xhtml"/></navPoint>

    <navPoint playOrder="2" id="ch_02">
    <navLabel> <text> Название сказки </text> </navLabel>
    <content src="Text/skazka1.xhtml"/></navPoint>
</navMap>  
</ncx>

24. Создать в папке «OEBPS» файл «toc.xhtml»

25. Записать в файл «toc.xhtml» следующие строки:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head/>
<body>
<nav epub:type="toc">
<ol>
<li>
<a href="Text/cover.xhtml">Обложка</a>
</li>
<li>
<a href="Text/playlist.xhtml">Содержание</a>
</li>
<li>
<a href="Text/skazka1.xhtml">Сказка</a>
</li>
</ol>
</nav></body></html>

26. Создать в папке «OEBPS» файл «content.opf». В этом файле дается описание файлов из которых состоит электронная книга.

27. Записать в файл «content.opf» следующие строки:

<?xml version="1.0"  encoding="UTF-8"?>
<!DOCTYPE html>
<package xmlns="http://www.idpf.org/2007/opf" version="3.0" unique-identifier="unique-identifier">
<metadata xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns:opf="http://www.idpf.org/2007/opf" 
xmlns:dcterms="http://purl.org/dc/terms/"  
xmlns:dc="http://purl.org/dc/elements/1.1/">
<dc:language>ru</dc:language>
      <dc:title>НАЗВАНИЕ КНИГИ</dc:title>
      <dc:creator>АВТОР КНИГИ</dc:creator>
</metadata>
<manifest>
     <item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml" />
     <item id="toc.xhtml" href="toc.xhtml" media-type="application/xhtml+xml" properties="nav"/>
     <item id="css" href="Styles/style.css" media-type="text/css" />
     <item id="cover" href="Images/cover.png" media-type="image/png" />
     <item id="audio" href="Audio/01.mp3" media-type="audio/mpeg"/>
     <item id="ch_cover" href="Text/cover.xhtml" media-type="application/xhtml+xml" />
     <item id="ch_01" href="Text/playlist.xhtml" media-type="application/xhtml+xml" />
     <item id="ch_02" href="Text/skazka1.xhtml" media-type="application/xhtml+xml" />
</manifest>
<spine toc="ncx">
     <itemref idref="ch_cover" />
     <itemref idref="ch_01" />
     <itemref idref="ch_02" />
</spine>
</package>

В итоге, получили следующее:

28. Создать ZIP-архив содержащий: файл «mimetype» и папки «META-INF», «OEBPS»

29. Переименовать расширение созданного ZIP-архива с *.zip на *.epub

30. Открыть созданную электронную книгу в соответствующем программном обеспечении.

Например:

Приложение rbook на Windows (10\11)

Веб-браузер Firefox с установленным расширением EPUBReader

Веб-браузер Google Chrome или Microsoft Edge с установленным расширением EPUBReader

Веб-браузер Яндекс.Браузер

Приложение Lithium на Android

Приложение iBooks на iOS (iPhone, iPad)

Создать электронную книгу в формате ePub, также возможно с помощью программного обеспечения LibreOffice.

1. Создать текстовый документ в «LibreOffice Writer»

2. Отформатировать текст используя стили

3. Выполнить экспорт в EPUB

5. В методе разбиения выбрать «Заголовок» и нажать «ОК»

6. Сохранить файл электронной книги в формате *.epub

Пользуясь вышеизложенными способами, Вы можете создавать электронные книги в формате «ePub» не обладая знанием HTML и CSS.

В некоторых случаях необходимо использовать сноски в тексте.

По моему мнению, очень удобно, если текст сноски в электронной книге можно прочитать не только перейдя в соответствующий раздел, но и наведя указатель мыши на номер сноски.

Например, в предложении: «Русская народная сказка (до XVII века баснь, байка1 ) — эпическое художественное произведение русского народа», слово «байка» имеет сноску под номером «1». При наведении указателя мыши на номер сноски «1» будет отображаться строка: «Байка — поучительный или юмористический рассказ, иногда основанный на реальных событиях».

Для создания таких сносок можете воспользоваться следующей конструкцией:

<p>Русская народная сказка (до XVII века баснь, байка
<sup>
<a href="../Text/primechaniya.xhtml#snoska1" title="Байка — поучительный или юмористический рассказ, иногда основанный на реальных событиях">1</a>
</sup>
 ) — эпическое художественное произведение русского народа
</p>

Впрочем, если кликнуть левой кнопкой мыши на сноску под номером «1», то будет осуществлен переход в соответствующий раздел.

Скачать книгу: estelefeBOOK.epub

Если интересно, попытайтесь создать свою электронную книгу, разобрав (в прямом смысле слова) эту книгу. Переименуйте файл «estelefeBOOK.epub» в «estelefeBOOK.zip»; выполните извлечение файлов из архива и ознакомьтесь с их содержанием.

Книга создана для веб-сайта www.estelefe.ru и лицензирована по международной публичной лицензии Creative Commons Attribution-NonCommercial-ShareAlike 4.0. Текст лицензии можно прочитать в интернете по адресу: https://creativecommons.org/licenses/by-nc-nd/4.0/

Вы можете слушать или читать эту книгу на любом подходящем устройстве, хранить у себя, раздавать друзьям и знакомым и даже публиковать на своём сайте. При этом (публикации) необходимо явно указывать ссылку на веб-сайт: www.estelefe.ru Никаких модификаций над аудио и текстами производить не разрешается.


Всего Вам хорошего.



Публикации на тему:

https://ru.wikipedia.org/wiki/Electronic_Publication

https://www.w3.org/publishing/epub32/epub-spec.html

https://www.ibm.com/developerworks/ru/library/x-richlayoutepub/index.html

https://www.readbeyond.it/audioebooks.html

ВВЕРХ